<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机--代理设备</title>
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/device_agent.css">
    <!-- 引入js文件 -->
    <script src="./js/device_agent.js"></script>
</head>

<body>
    <!-- 第一部分：nav导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a href="../../index.html" class="left">代理设备</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- 第二部分：团队设备-->
    <section class="team">团队设备：[100]</section>

    <!-- 第三部分：search -->
    <section class="search">
        <!-- 左侧搜索 -->
        <input class="left" type="text" placeholder="请输入设备SN码">
        <!-- 右侧按钮 -->
        <button class="right">搜索</button>
    </section>

    <section class="type">
        <div class="li1">未铺货设备(2)</div>
        <div class="li2">已铺货设备(20)</div>
    </section>

    <!-- 第五部分：主体部分 -->
    <section class="main">
        <li class="li_1">
            <div class="title">设备SN码:ZXS10202200001</div>
            <div class="tel">设备类型</div>
            <div class="share">设备归属</div>
            <div class="money">设备电量</div>
            <div class="time">绑定房号</div>
        </li>
        <li class="li_2">
            <div class="title">设备SN码:ZXS10202200002</div>
            <div class="tel">设备类型</div>
            <div class="share">设备归属</div>
            <div class="money">设备电量</div>
            <div class="time">绑定房号</div>
        </li>
        <li class="li_3">
            <div class="title">设备SN码:ZXS10202200003</div>
            <div class="tel">设备类型</div>
            <div class="share">设备归属</div>
            <div class="money">设备电量</div>
            <div class="time">绑定房号</div>
        </li>
        </div>
    </section>

    <!-- 第六部分：代理设置功能 -->
    <section class="set">
        <li class="li1"><a href="./device_data.html">设备详情</a></li>
        <li class="li2"><a href="./device_cpfr.html">设备补货</a></li>
        <li class="li3"><a href="#">设备订单</a></li>
        <li class="li4"><a href="#">设备回收</a></li>
        <li class="li5"><a href="#">取消</a></li>
    </section>

</body>

</html>